// 将所有的路由拦截、权限校验逻辑放在单独文件中

import router from "@/router";
import store from "@/store";
import ACCESS_ENUM from "@/access/accessEnum";
import checkAccess from "@/access/checkAccess";

router.beforeEach(async (to, from, next) => {
  // console.log("登陆用户信息", store.state.user.loginUser);
  let loginUser = store.state.user.loginUser;
  const needAccess = (to.meta?.access as string) ?? ACCESS_ENUM.NOT_LOGIN;

  // 如果之前没登陆过，自动登录
  if (!loginUser || !loginUser.userRole) {
    // 加 await 是为了等用户登录成功之后，再执行后续的代码
    await store.dispatch("user/getLoginUser");
    loginUser = store.state.user.loginUser;
  }
  // 这里的 loginUser 没有改变，没有实现自动登录 - 将 loginUser 设置为 let，再次获取 store 里面的值并赋值
  // 在 userStore 中的 action 函数中已经修改成功，但这里出来的 loginUser 并没有加上 userRole
  // console.log("loginUser=", loginUser);

  // 如果要跳转的页面需要登陆
  if (needAccess !== ACCESS_ENUM.NOT_LOGIN) {
    // console.log("要跳转的页面需要登陆，loginUser=", loginUser);
    // 如果没登陆，跳转到登录页面
    if (
      !loginUser ||
      !loginUser.userRole ||
      loginUser.userRole === ACCESS_ENUM.NOT_LOGIN
    ) {
      // 跳转到登录页，并重定向到原本要访问的页面
      next(`/user/login?redirect=${to.fullPath}`);
      return;
    }

    // 如果已经登陆了，但是权限不足，那么跳转到无权限页面
    if (!checkAccess(loginUser, needAccess)) {
      next("/noAuth");
      return;
    }
  }

  next();
});
